<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>邮件</title>
</head>
<body>
<div align="center" id="app">
  <div class="open_email" style="margin: 8px;">
    <div>
      <br>
      <div id="cTMail-Wrap"
           style="word-break: break-all;box-sizing:border-box;text-align:center;min-width:320px; max-width:660px; border:1px solid #f6f6f6; background-color:#f7f8fa; margin:auto; padding:20px 0 30px; font-family:'helvetica neue',PingFangSC-Light,arial,'hiragino sans gb','microsoft yahei ui','microsoft yahei',simsun,sans-serif">
        <div class="main-content" style="">
          <table style="width:100%;font-weight:300;margin-bottom:10px;border-collapse:collapse">
            <tbody>
            <tr style="font-weight:300">
              <td style="width:3%;max-width:30px;"></td>
              <td style="max-width:600px;">
                <div id="cTMail-inner"
                     style="background-color:#fff; padding:23px 0 20px;box-shadow: 0px 1px 1px 0px rgba(122, 55, 55, 0.2);text-align:left;">
                  <table
                    style="width:100%;font-weight:300;margin-bottom:10px;border-collapse:collapse;text-align:left;">
                    <tbody style="margin-left: 10px">
                    <tr style="font-weight:300">
                      <td style="width:3.2%;max-width:30px;"></td>
                      <td style="max-width:520px;text-align:center;">
                        <h1 id="cTMail-title" style="font-size: 20px; line-height: 36px; margin: 0 0 22px;">
                          【忻宇ai】欢迎进行聊天使用次数购买
                        </h1>
                        <div style="font-weight: bold;margin-bottom: 10px">订单号: <span
                          style="font-weight: bold;color: red;margin-bottom: 6px">{{.OrderNo}}</span></div>
                        <div style="font-size:12px; line-height:24px; margin:0;font-weight: bold">
                          尊敬的 {{.NickName}} 用户，本次总消费: {{.TotalAmount}} 元<br>
                        </div>
                        <div style="font-size:10px; line-height:24px; margin:0;font-weight: bold">
                          购买时间为 <span style="color:blue"> {{.PayTime}} </span>，将于<span style="color:green"> {{.ExpireTime}} </span>
                          过期!
                        </div>
                        <div style="color: rgb(51, 51, 51);margin-top:8px;  font-size: 8px;">
                          {{range .UserExchanges}}
                          <p style="margin-bottom:4px;font-weight: bold;">名称: {{.ProductName}}&nbsp;||&nbsp;可兑换次数:
                            {{.UseTimes}} 次/张&nbsp;||&nbsp;面值:
                            {{.Price}} 元/张</p>
                          {{ range $k, $v := .Codes }}
                          <span style="color: #c45656;font-weight: bold">{{$v}}</span><br>
                          {{ end }}
                          {{end}}
                        </div>

                      </td>
                      <td style="width:3.2%;max-width:30px;"></td>
                    </tr>
                    </tbody>
                  </table>
                </div>
                <p class="cTMail-content"
                   style="font-size: 14px; color: rgb(51, 51, 51); line-height: 24px; margin: 6px 0px 0px; word-wrap: break-word; word-break: break-all;">
                <p class="cTMail-content"
                   style="line-height: 24px; margin: 6px 0px 0px; overflow-wrap: break-word; word-break: break-all;">
                    <span
                      style="color: rgb(51, 51, 51); font-size: 14px;font-weight: bold">使用以上兑换码进行依次兑换，请点击下面去兑换网站进行兑换。  </span>
                </p>
                <a id="cTMail-btn" href="https://chat.linc-tian.uk" title=""
                   style="font-size: 16px; line-height: 45px; display: block; background-color: rgb(0, 164, 255); color: rgb(255, 255, 255); text-align: center; text-decoration: none; margin-top: 20px; border-radius: 3px;">
                  立即前往兑换
                </a>
              </td>
              <td style="width:3%;max-width:30px;"></td>
            </tr>
            </tbody>
          </table>
        </div>
      </div>
      <br>
    </div>
  </div>
</div>
</body>

</html>